﻿<section class="coupon_page">
    <section class="cp">
        <header class="header" style="background: transparent; border: transparent;">
            <div class="left">
                <a  href="javascript:history.back()"><img src="img/back.png" class="back" /></a>
            </div>
            <div class="tit">
                <h2>我的优惠劵</h2>
            </div>
            <div class="right">
            		<a ng-href="#/product/50"><img src="img/home.png" class="back" /></a>
            </div>
        </header>
        
        <section class="coupon_tip" ng-show="CouponList.length==0">
			<p>客官，您当前没有任何优惠劵，点击领取看看最近都有哪些优惠</p>
    			<a>点击领取</a>
		</section>
        
        <section class="coupon_swiper" ng-show="CouponList.length>0">
            <div class="swiper-container" >
                <div class="swiper-wrapper" >
                    <section class="swipter2 swiper-slide" id="page0" ng-repeat="coupon  in CouponList">
                        <div class="coupon_div">
                            <div class="coupon_free">
                                <p>{{coupon.name}}</p>
                                <div class="free_info">
                                    <span class="free_price">￥{{coupon.discount | currency:''}}</span>
                                </div>
                            </div>
                            <div class="coupon_time">
                                <p>使用期限：{{coupon.date_start}}至{{coupon.date_end}}</p>
                            </div>
                        </div>
                    </section>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
            </div>
        </section>
    </section>
</div>
